<template>
    <div>
      <div data-role="page">
        <div data-role="content">
          * 公众号支付测试（第1步：商品列表）*<br><hr><br>
          尊敬的客户，请选择购买下列商品：
          <br><br>
          <a href="">铅笔一枝</a>&nbsp;
          <a href="/wxpay/order.asq?goodsid=0002&price=0.02&number=1&goodsname=橡皮&openid=`openid`" >橡皮一块</a><br>
          <a href="/wxpay/order.asq?goodsid=0003&price=0.03&number=1&goodsname=小刀&openid=`openid`">小刀一把</a>&nbsp;
          <a href="/wxpay/order.asq?goodsid=0004&price=0.04&number=1&goodsname=小书&openid=`openid`">小书一本</a><br><br><hr><br>
              价格便宜透顶，再不买，你会后悔一辈子！<br>
              赶快点击上面的商品，立即付款购买！<br><br>
              送货：本人跑步送货给你。免运费哦！
          <br><br>
          <p style="text-align: center">测试测试测试测试</p>
      </div>
    </div>
    </div>
</template>
<script>
import  axios from 'axios'
import wx from 'weixin-js-sdk'
  export default {
    data() {
      return {
        wxConfigJson: ''
      }
    },
    created() {
      var that = this
      //获取后端 wx.config 参数
      axios({
        url: 'https://www.51kangduo.com/YLaccess.asq',
        //url: 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx1625a10ed8d25739&redirect_uri=https%3A%2F%2Fwww%2E51kangduo%2Ecom%2FYLaccess%2Easq&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect',
        method: 'post',
        contentType: 'application/json',
          timeout: 1500,
        dataType: 'JSON',
        data: "{'url':'" + location.href.split('#')[0] + "'}"
      }).then(function (res) {
        console.log(res.data)

        that.wxConfigJson = res.data;
        console.log(that.wxConfigJson);

        let jssdk = that.wxConfigJson;

        wx.config({
          debug: true,
          appId: jssdk.AppId,
          timestamp: jssdk.TimeStamp,
          nonceStr: jssdk.NonceStr,
          signature: jssdk.Signature,
          jsApiList: [
            'scanQRCode',
            'chooseWXPay',
          ]
        });
        wx.ready(function () { //通过ready接口处理成功验证
          // config信息验证成功后会执行ready方法
          wx.onMenuShareAppMessage({ // 分享给朋友  ,在config里面填写需要使用的JS接口列表，然后这个方法才可以用
            title: '这里是标题', // 分享标题
            desc: 'This is a test!', // 分享描述
            link: '链接', // 分享链接
            imgUrl: '图片', // 分享图标
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
              alert('成功')
              // 用户确认分享后执行的回调函数
            },
            cancel: function () {
              // 用户取消分享后执行的回调函数
            }
          });
        });

        wx.error(function (res) {//通过error接口处理失败验证
          // config信息验证失败会执行error函数
        })
      }, function (XMLHttpRequest, textStatus, errorThrown) {
        Common.hideMask();
        if (textStatus == 'timeout') {
          alert("请求超时，请重新尝试");
        }
        if (options.isTip == undefined || options.isTip == null || options.isTip != false) {
          alert("请确认网络连接,或联系管理员！");
        }
        options.error(XMLHttpRequest, textStatus, errorThrown);
      }).catch(function (err) {
        console.log(err)
      })
    },

}
</script>
